<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Módulo de encuestas</title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" href="favicon.ico">
		<link rel="stylesheet" media="all" href="css/style.css">
		<!--[if lt IE 9]><script src="js/html5.js"></script><![endif]-->
		<!--[if lt IE 8]><script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script><![endif]-->
	</head>
	
	<body class="grid-container">
		<header class="grid-25">
			<a href="index.html"><img src="img/logo.png" alt="Educar Hoy"></a>
		</header>
		
		<div id="content" class="grid-75">
			<div id="main-before">&#32;</div>
			<div id="main">
				<form class="login" action="main.html">
					<div class="wrapper">
						<h2>Ingresa tus datos</h2>
						<p><input name="email" type="email" placeholder="Correo electrónico"></p>
						<p class="small"><input name="sesion" type="checkbox"> No cerrar sesión</p>
						<p><input name="password" type="password" placeholder="Contraseña"></p>
						<p class="small"><a href="#"><img src="img/lock.png" alt=""> ¿Has olvidado tu contraseña?</a></p>
						<p><input type="submit" value="ENVIAR"></p>
					</div>
				</form>
			</div>
		</div>
		
		<section>
			<div class="grid-container">
			<div class="progress alt cf">
				<p id="progress-text">Aún no ha empezado el cuestionario</p>
				<div id="progress-bar"><span>&#32;</span></div>
			</div>
			<div class="clear">&#32;</div>
			<footer>
				<p>&copy; Jóvenes Hoy - España</p>
			</footer>
			</div>
		</section>
		
		<!-- javascript -->
		<script src="js/jquery.tools.min.js"></script>
		<script src="js/script.js"></script>
	</body>
</html>